<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">

    </div>
</body>
<script type="module">
    //导入vue模块
    import {createApp} from '../vue.esm-browser.js'
    //创建vue应用实例
    createApp({
        data(){
            return {
                //定义数据
        
            }
        },
        methods: {
            //定义函数
            
        },
        //生命周期函数(八个阶段，八个钩子函数)
        mounted:function(){//vue挂载完毕调用，一般在这个函数中发送数据请求
            console.log("vue挂载完毕，发送请求获取数据")
        }
    }).mount('#app')//控制页面元素
</script>
</html>